import React from 'react'
import {useCallback,useState} from "react" // useCallback是缓存函数的
import Homegaround from '../components/homegaround'
function Homeson() {
  let [num,setSum] = useState(0)
  // useCallback用于解决解决子组件无效多余渲染问题
  let fn =  useCallback(()=>{
    console.log("rdner")
    // setSum(num++)
   },[num]) // 只有依赖项发生改变之后子组件才会重新渲染，依赖项不发生改变，子组件不重新渲染
  //  let fn  =()=>{
   
  //  }
  let fn1 =  useCallback(()=>{ // 月考如果有性能优化随便把一个函数用usecallback包一下
    // console.log("rdner222222")
    // setSum(num++)
   },[])
  return (
    <div>
        <p>{num}</p>
        <button onClick={fn1}>点击++</button>
        <Homegaround fn={fn}></Homegaround>
         
    </div>
  )
}

export default Homeson